<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>结算</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
    <script th:src="@{/js/vue.js}"></script>
</head>
<body>
<div th:insert="publicHesder"></div>
<script th:src="@{/js/publicHeader.js}"></script>
<div class="container-fluid" id="app" style="margin-top: 180px;margin-bottom: 100px">
    <div class="container">
        <div class="row" >
            <div class="col-md-8">
                <select class="form-control" name="address">
                    <option>地址1</option>
                    <option>地址2</option>
                </select>
            </div>
            <div class="col-md-4">
                <button class="btn btn-primary" data-toggle="modal" data-target="#myModal">新增地址</button>
            </div>
        </div>
    </div>
    <br/>

    <div class="row">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <table class="table">
                        <tr>
                            <th>图书名称</th>
                            <th>图书图片</th>
                            <th>图书单价(元)</th>
                            <th>购买数量</th>
                            <th>小计</th>
                        </tr>
                        <tr >
                            <td  style="height:60px;line-height: 60px">图书名称</td>
                            <td>
                                <img src="" style="width: 60px;height: 60px; border-radius: 50%"/>
                            </td>
                            <td style="height:60px;line-height: 60px">图书单价</td>
                            <td style="height:60px;line-height: 60px">购买数量</td>
                            <td style="height:60px;line-height: 60px">图书小计</td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <b> 总价(元): 0.00 </b>
                </div>

                <div class="col-md-6">
                    <button class="btn btn-success" >提交订单</button>
                </div>
            </div>
        </div>
    </div>


</div>

<script>

    console.log(".........myOrder...........")

    let register = new Vue({
        el: "#app"
        ,
        data: {


        }
        ,
        methods: {

        }
        ,
        created(){

        }

    });


</script>
</body>
</html>